<script setup lang="ts">
import { reactive } from 'vue';
import { Form } from 'ant-design-vue';
import { CARE_STATUS_OPTIONS } from '@/const/index.ts';
import TagChecked from '@/components/tag-checked/index.vue';

const useForm = Form.useForm;
const formState = reactive({
	careStatus: [],
});

useForm(formState);
// watch(formState, () => {
// 	console.log(formState);
// }, {
// 	deep: true,
// 	immediate: true
// });
</script>

<template>
	<div class="form-wrap pb-5">
		<h3>搜索条件</h3>
		<a-form-item label="状态">
			<TagChecked :options="CARE_STATUS_OPTIONS" v-model:value="formState.careStatus"></TagChecked>
		</a-form-item>
	</div>
</template>
<style scoped></style>
